<template>
    <div class='app-content scan-sign'>
        <div class="app-view">
            <div class="tab-view">
                <van-tabs v-model="active">
                    <van-tab title="签到" name="first">
                        <div class="barcode">
                            <img :src="qrcodeImg" class="image"/>
                            <div class="text">
                                <div>请使用移动销售app扫码签到</div>
                                <div>15秒后刷新</div>
                            </div>
                        </div>
                    </van-tab>
                    <van-tab title="签退" name="second">
                        <div class="barcode">
                            <img :src="qrcodeImg" class="image"/>
                            <div class="text">
                                <div>请使用移动销售app扫码签退</div>
                                <div>15秒后刷新</div>
                            </div>
                        </div>
                    </van-tab>
                </van-tabs>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: '',
    data() { 
        return {
            active:"first",
            qrcodeImg:require("@/assets/images/ewm.jpg")
        }
    },
    props: {

    },
    components:{
    },
    mounted() {

    },
    methods:{

    },
}
</script>

<style lang='scss' scoped>
.scan-sign{
    margin-top:0.9rem;
    .tab-view{
        padding:1.2rem 0 2.2rem 0;
    }
    /deep/.van-tabs__wrap{
        height:auto;
        .van-tabs__nav{
            width:6rem;
            margin:0 auto;
            margin-bottom:1.5rem;
            .van-tab{
                font-size:0.48rem;
                line-height: 1rem;
            }
            .van-tab--active{
                font-weight: bold;
            }
        }
        .van-tabs__line{
            width:0.9rem;
        }
    }
    .barcode{
        text-align: center;
        .image{
            display:block;
            width:4.86rem;
            height:4.86rem;
            margin:0 auto;
        }
        .text{
            font-size:0.34rem;
            line-height: 0.48rem;
            color:#666666;
            margin-top:0.7rem;
        }
    }
}
</style>